<template>
  <div class="checked">
    <div class="checkedTitle">
      <span>内容分类</span>
    </div>
    <div class="checkedContent">
      <ul>
        <li class="checkedList" v-for="(v, i) in checkedListData" :key="i">
          <span>
            <span>文章</span>
            <span>（{{v.name}}）</span>
          </span>
          <i @click="checkedClick"></i>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      checkedListData: [
        {'name': '111'},
        {'name': '111'},
        {'name': '111'},
        {'name': '111'},
        {'name': '111'},
        {'name': '111'},
        {'name': '111'}
      ]
    }
  },
  methods: {
    checkedClick: function (event) {
      if (event.target.className.indexOf('checkedListAdd') === -1) {
        event.target.className = 'checkedListAdd'
      } else {
        event.target.className = ''        
      }
    }
  }
}
</script>

<style>
    @import '../../../static/components/public/checked.css'
</style>
